@import "./color.sass"
@import './color_theme.sass'
@import "./font_size.sass"


*
    padding: 0
    margin: 0

ul, ol, dl
    list-style: none
    margin: 0

h1, h2, h3, h4, h5, h6
    font-size: 18px

.table_color
    color: rgba(0, 0, 0, 0.65)

.table_href
    color: $color_53a0

.color-666
    color: $color_666 !important

.color-333
    color: $color_333 !important

.font-12
    font-size: $font_12 !important

.font-13
    font-size: $font_13 !important

.font-14
    font-size: $font_14 !important

.font-16
    font-size: $font_16 !important

.font-18
    font-size: $font_18 !important

.font-20
    font-size: $font_20 !important

.color-fff
    color: $color_fff !important


.ant-layout-header
    line-height: 80px !important
    height: 80px !important
    background: $color_fd69 !important
.ant-menu-item-selected
    background: $color_d559 !important


.position_sub_menu
    position: absolute
    color: #333
    line-height: 40px
    left: 0
    padding-left: 4px
    height: 0
    visibility: hidden
    transition: all 0.1s
    span
        display: inline-block
        padding-right: 20px
        color: $color_6666
        width: 120px

.ant-menu-item-selected
    .position_sub_menu
        visibility: visible !important

.other_tags
    dd
        background: $color_eeee
    .customer_select_checked
        background: $color_fe92
        color: $color_ffff !important
        &::after
            background: $color_fe92

.customer_select_checked
    overflow: hidden !important
    border-color: $color_ff69 !important
    color: $color_ff69 !important
    position: relative
    transition: all 0.3s
    &::after
        position: absolute
        width: 10px
        height: 10px
        background: $color_ff69
        content: ' '
        border-radius: 100%
        right: -4px
        top: -4px


.stars_item_checked
    background-position: 0 -20px !important
    transition: background 0.3s

.ant-btn-primary
    background: #53a0e7 !important
    border-color: #53a0e7 !important

    &:hover
        background: #5197d8 !important
        border-color: #5197d8 !important
.ant-btn-danger

    background: #fd6969 !important
    border-color: #fd6969 !important

.ant-table-tbody
    tr
        &:nth-child(even)
            background: #e6f2fd !important

        &:hover
            background: #f1f1f1 !important
            td
                background: #f1f1f1 !important

    .ant-table-row-hover
        td
            background: #f1f1f1 !important


.abserve
    padding-right: 6px
    font-size: 28px !important

.assets
    padding-right: 6px
    font-size: 22px !important

.group
    padding-right: 6px
    font-size: 22px !important

.advisor
    padding-right: 6px
    font-size: 26px !important


.reset
    padding-right: 6px
    font-size: 24px !important


.color_yellow
    color: $color_ff7d


.color_red
    color: $color_ff69


.color_grey
    color: $color_cccc


.float_left
    float: left

.float_right
    float: right

.charts_title
    position: relative
    padding-left: 10px
    &::after
        position: absolute
        height: 16px
        width: 4px
        background: $color_ff69
        content: ''
        left: 0
        bottom: 3px

.mt_10
    margin-top: 10px

.mt_20
    margin-top: 20px

.mt_40
    margin-top: 40px

.mb_10
    margin-bottom: 10px

.ml_10
    margin-left: 10px

.ml_20
    margin-left: 20px

.pb_10
    padding-bottom: 10px

.pb_40
    padding-bottom: 40px !important

.product_common_header
    background: url('../Image/line_2.png') repeat-x -11px bottom
    padding-bottom: 10px

    .float_right
        button
            margin-right: 20px

    .ant-calendar-picker-input
        border-radius: 4px !important

    .header_content_split
        font-weight: normal
        font-size: 18px
        padding: 0 10px
        color: $color_9999

.product_common_header_plus
    font-size: 12px


.ant-input
    &::-webkit-input-placeholder
        color: $color_6666

.ant-select-selection__placeholder
    color: $color_6666




.file_search_input
    border-radius: 6px !important


.border_table_grid
    border-top: 1px solid $color_eeee

.color_number_red
    color: $color_ff37

.color_number_green
    color: $color_0da4

.forget_password
    margin-left: 10px


.ant-input-clear-icon
    color: $color_ffff
    &:hover
        color: $color_ffff


.ant-input-password-icon
    color: $color_ffff
    &:hover
        color: $color_ffff


.login_register
    .ant-input-clear-icon
        color: inherit
        &:hover
            color: inherit


    .ant-input-password-icon
        color: inherit
        &:hover
            color: inherit


.table_border_right_list
    table
        border-radius: 0
    thead
        tr
            &:first-child
                th
                    &:first-child
                        border-radius: 0
            th
                border-top: 1px solid $color_eeee
                border-right: 1px solid $color_eeee
                border-radius: 0
                padding: 14px 14px
                &:last-child
                    border-right: 0 none
    tbody
        tr
            td
                border-right: 1px solid $color_eeee
                padding: 14px 14px

                &:first-child
                    min-width: 240px
                    padding: 14px 12px

                &:last-child
                    border-right: 0 none

.table_tags_list
    margin-left: 10px
    background: $color_fdde
    border: 0 none
    color: $color_6666

.table_tags_number
    border: 0 none
    margin-left: 10px

.table_tags_percent
    font-size: 12px
    color: $color_9999

.table_tags_rates
    font-size: 12px
    color: $color_9999
    margin-left: 10px
    background: $color_fdde
    border: 0 none

.position_relative
    position: relative

.position_absolute
    position: absolute


.customer_table_bar
    overflow-x: hidden !important
    .ant-table-body
        overflow-x: hidden !important

.select_cascader_wrapper
    width: 140px
    input
        border-radius: 4px !important
    
.left_common_header_content
    .ant-cascader-menus
        background: transparent !important
        box-shadow: none !important 

        .ant-cascader-menu
            background: $color_ffff
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15)

#cascader_container
    .ant-cascader-menu
        min-width: 140px 
        height: auto
        max-height: 400px

.table_columns_rows_input
    max-width: 40px
    text-align: center
    padding: 0 2px
    border-radius: 4px !important
    height: 21px
    margin-left: 10px

.table_columns_percent
    font-size: 12px
    font-style: normal
    margin-left: 4px
    color: $color_9999

.table_select_tips
    margin-left: 10px
    font-size: 12px
    border-radius: 4px
    width: 100px

.add_product_modal_content
    width: 90% !important
    max-width: 1600px
    padding-bottom: 0 !important
    .swiper-pagination
        padding: 8px 0
        .swiper-pagination-bullet
            width: 26px
            height: 26px
            color: $color_ff69
            line-height: 24px
            text-align: center
            border: 1px solid $color_ff69
            box-sizing: border-box
            background-color: $color_ffff
            opacity: 1
            font-size: 16px

            &:focus
                --antd-wave-shadow-color: transparent
                outline: none

        .swiper-pagination-bullet-active
            background: $color_ff69
            color: $color_ffff

    .swiper-button-disabled
        span
            color: $color_cccc !important


.add_modal_title
    border-bottom: 2px solid $color_bfbf
    padding: 0 8px 10px

    h1
        margin-bottom: 0
        color: $color_ff69
        position: relative
        padding-left: 10px
        &::before
            content: ' '
            position: absolute
            width: 4px
            height: 70%
            background: $color_ff69
            left: 0
            bottom: 4px

.ml_10
    margin-left: 10px

.mr_10
    margin-right: 10px

.common_table_align_center
    thead
        th
            text-align: center
            padding: 8px 16px

.chart_none_data
    text-align: center
    font-size: 22px
    color: $color_cccc
    line-height: 600px
    border-bottom: 1px solid $color_eeee

.ellipse_td
    text-align: center
    white-space: nowrap
    max-width: 150px
    overflow: hidden
    text-overflow: ellipsis

.common_table_align_center
    table
        tbody
            tr
                td
                    text-align: center

                .heart_check
                    font-size: 18px
                    color: #666
                    height: 30px
                    box-sizing: border-box
                    display: inline-block

                .iconyiguanzhu
                    color: #fd6969
                    font-size: 21px

    .ant-pagination-options-quick-jumper
        margin-left: 10px
        input
            border-radius: 6px !important

    .table_data_total
        position: absolute
        left: 0
        
        i
            font-style: normal
        strong
            margin-left: 10px
            font-weight: normal

    .ant-pagination-item-active
        background: $color_ff69
        border-color: $color_ff69
        color: $color_ffff

        a
            color: $color_ffff

    .ant-pagination-item
        min-width: 30px
        height: 30px
        line-height: 28px
        &:hover
            border-color: $color_ff69
            color: $color_ff69
            a
                color: $color_ff69

.table_border_right
    table
        border-radius: 0
    thead
        tr
            &:first-child
                th
                    &:first-child
                        border-radius: 0
            th
                border-top: 1px solid $color_eeee
                border-right: 1px solid $color_eeee
                border-radius: 0
                padding: 14px 14px
                text-align: center
                &:last-child
                    border-right: 0 none
    tbody
        tr
            td
                border-right: 1px solid $color_eeee
                padding: 14px 14px
                text-align: center

                &:last-child
                    border-right: 0 none

.customer_table_list
    width: 100%
    tbody
        tr
            td
                padding: 12px 8px
                border-bottom: 1px solid $color_eeee

.customer_table_border
    tbody
        tr
            td
                &:nth-child(1)
                    background: $color_fafa
                    border-right: 1px solid $color_eeee
                &:nth-child(3)
                    background: $color_fafa
                    border-right: 1px solid $color_eeee
                    border-left: 1px solid $color_eeee

.charts_nav_header
    border-bottom: 2px solid $color_dcdc
    padding-bottom: 10px


.customer_table_border_red
    border: 1px solid $color_eeee
    tbody
        tr
            td
                &:nth-child(1)
                    background: $color_ff6f
                    width: 200px
                    border-right: 1px solid $color_eeee
                &:nth-child(2)
                    //background: $color_ff6f
                    width: 300px
                    border-right: 1px solid $color_eeee

                &:nth-child(3)
                    background: $color_ff6f
                    width: 200px
                    border-right: 1px solid $color_eeee
                    border-left: 1px solid $color_eeee

.ant-btn-danger
    &:disabled
        background-color: $color_eeee !important
        border-color: $color_eeee !important

.scene_common_header
    padding-bottom: 10px

    .float_right
        button
            margin-right: 20px

    .ant-calendar-picker-input
        border-radius: 4px !important

    .header_content_split
        font-weight: normal
        font-size: 18px
        padding: 0 10px
        color: $color_9999

.ant-table
    table
        thead
            tr 
                transition: none !important


                
